<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>管理员</title>
    <link rel="stylesheet" href="/css/element-plus.css" />
    <script src="/js/vue3.js"></script>
    <script src="/js/axios.js"></script>
    <script src="/js/element-plus.js"></script>
    <script src="/js/common.js"></script>
    <script src="/js/echarts.js"></script>
    <style>
      
    </style>
  </head>
  <body>
    <div id="app">
        <el-tabs tab-position="left" style="height: 200px" class="demo-tabs">
            <el-tab-pane label="User">User</el-tab-pane>
            <el-tab-pane label="Config">Config</el-tab-pane>
            <el-tab-pane label="Role">Role</el-tab-pane>
            <el-tab-pane label="Task">Task</el-tab-pane>
        </el-tabs>
    </div>
    <div id="chart1" style="width:500px;height:500px;border:solid 1px red"></div>
    <script>
      // const app = Vue.createApp({
      //   data() {
      //     return {

      //     }
      //   },
      //   methods:{
          
      //   }
      // })
      // app.use(ElementPlus).mount('#app')

      var chartDom = document.getElementById('chart1');
      var myChart = echarts.init(chartDom);
      var option;

      option = {
        xAxis: {
          type: 'category',
          data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
          type: 'value'
        },
        series: [
          {
            data: [120, 200, 150, 80, 70, 110, 130],
            type: 'bar'
          }
        ]
      };

      option && myChart.setOption(option);


      setTimeout(function(){
        var option = {
          xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
          },
          yAxis: {
            type: 'value'
          },
          series: [
            {
              data: [190, 100, 50, 180, 270, 100, 220],
              type: 'bar'
            }
          ]
        };
        myChart.setOption(option);
        console.log(myChart)
      }, 3000)

    </script>

  </body>
</html>
